<template>
  <div class="tab">
    <el-tabs type="border-card" :stretch="true">
      <el-tab-pane label="标准">




        <div class="imput">
          <div class="icon">
            <i class="el-icon-s-flag">
              <span>食品安全、环境保护、工程建设方面的国家标准未纳入本系统，请咨询相关部委。
              </span>
            </i>
          </div>
          <div style="margin-top: 15px;">
            <el-input placeholder="请输入关键字" v-model="input2" class="input-with-select">
              
              <el-select v-model="select" slot="prepend" placeholder="地方标准" style="width: 110px;">
              </el-select>
              <el-button slot="append" @click="cart">检索</el-button>
            </el-input>
          </div>
         
          
          <el-card class="box-card" v-for="item in search">
            
            <div>
              <span style="float: left; white-space:nowrap;font-size: 15px; color:rgb(66, 66, 223);">{{ item.pid }}
                <span>
                  {{ item.name }}
                </span>

              </span>

              <el-button style="float: right; padding: 3px 0" type="text">现行</el-button>
            </div>



            <div>
              <p style="font-size: 15px;padding-top: 10px;">
                <span style="float: left;">
                  国际标准分类号 <span>中国标准分类号
                  </span>
                </span>
              </p>
              <p style="padding-top: 10px;">
              <p class="ppp"></p>
            </p>
              <p style="font-size: 15px;padding-top: 1px;">
                <span style="float: left;">
                  <span class="shape"></span>
                  所属地区<span></span></span>
              </p>
     
            </div>


          </el-card>
          

        </div>

      </el-tab-pane>

    </el-tabs>

  </div>
</template>

<script>
import axios from "axios"

export default {
  data() {
    return {
      select:'',
      input3: '',
      input2:'',
      search: [],
      activeName: 'first'
    };
  },
  created(){
    
    this.input2=this.$route.query.name
    console.log(this.input2.name)
    axios({
      url:"http://43.143.166.235:8090/chaxun/cart?chaxun="+this.input2
    }).then(res=>{
      console.log(res)
      this.search=res.data.data.getsearch
    })
  },
  components: {
    
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    cart() {
      axios({
        url: "http://43.143.166.235:8090/chaxun/cart?chaxun=" + this.input2
      }).then(res => {

        this.search = res.data.data.getsearch
        console.log(this.search)
      })
    }
  },
  
}
</script>

<style scoped>
.el-input_inner{
  color: #000;
}
.xin{
  height: 5px;
  width: 15px;
  border: 1px solid;
  border-color: red;
  color: red;
}
.el-icon-refresh{
  color:rgb(66, 66, 223)
}
/*  */
.ppp{

  height: 1px;
  width: 100%;
  border: 1px solid;
  border-color: rgb(143, 141, 141);
}
.shape {
  height: 30px;
  width: 10px;
  border: 2px solid;
  border-color: rgb(9, 204, 113);
  margin-right: 10px;
}














.box-card {
  margin-top: 20px;

}






.iconaa {
  font-size: 25px;
}

.icona {
  margin-left: 20px;
  font-size: 20px;
}

.shishi {
  text-align: left;
}

.li {
  text-align: left;
  margin-top: 20px;


}

/* .li {

 
  display: flex;
  justify-content: space-around;
 


} */

.p {
  font-size: 15px;
  text-align: right;
  color: rgb(34, 83, 231);
}

.icon {
  text-align: left;
  font-size: 19px;
  color: red;



}

.tab {
  text-align: center;
}

.imput {
  margin: 20px;
}

.el-input-group__append button.el-button {
  color: aliceblue;
  background-color: rgb(7, 3, 240);
}
</style>
